* {
  margin: 0;
  padding: 0;
}
html,
body,
.bg-hover,
.content {
  width: 100%;
  height: 100%;
}
body {
  position: relative;
  line-height: 3em;
}
.bg-hover,
.content {
  position: absolute;
  top: 0;
  left: 0;
}
.bg-hover {
  background-image: url('timg.jpg');
  background-size: cover;
  filter: blur(8px) brightness(1.08);
}
.content {
  background: transparent;
  padding: 10px;
  box-sizing: border-box;
}
body {
  font-weight: 100;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
@keyframes header-text {
  from {
    color: #286d34;
  }
  50% {
    color: #f00;
  }
  to {
    color: #286d34;
  }
}
@keyframes header-text2 {
  from {
    color: #7FDBFF;
  }
  50% {
    color: #F012BE;
  }
  to {
    color: #7FDBFF;
  }
}
.header,
.header2 {
  text-align: center;
}
.header {
  font-size: 32px;
  color: #f00;
  animation: header-text 5s ease-in-out infinite;
}
.header2 {
  font-size: 26px;
  color: #7FDBFF;
  animation: header-text2 5s ease-in-out infinite;
}
.says {
  list-style: none;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-padding-start: 0px;
}
.says li {
  text-align: center;
  line-height: 1.6em;
  text-shadow: 5px 1px 6px #F93;
}
